a,abbr,acronym,address,applet,big,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input[type=button],ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,select,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;outline:0;border:0 none;color:inherit}
body{padding:0;margin:0;vertical-align:baseline;font-size:.12rem;font-family:"Microsoft Yahei",sans-serif}
table{border-collapse:separate;border-spacing:0}
caption,td,th{text-align:left;font-weight:400}
i{font-style:inherit}
a{text-decoration:none}
a img,iframe{border:none}
a:link{color:inherit}
:focus{outline:0}
ol,ul{list-style:none}
.clearfix:after{clear:both;display:block;height:0;content:"\200B"}
.fl{float:left}
.fr{float:right}
body,html{width:7.5rem;height:100%;overflow-y:scroll;overflow-x:hidden}
html{;font-size:625%}
.warp{width:7.5rem;margin:0 auto}
.friends .part_1{height:4.6rem;width:7.5rem;background:#767676}
.friends .part_1 .header_user{margin-top:3.65rem}
.friends .part_1 .header_user h1{font-weight:400;font-size:.28rem;padding:0 .2rem 0;margin-top:.4rem;color:#fff}
.friends .part_1 .header_user div{width:1.35rem;height:1.35rem;background:#bdbdbd;margin-right:.2rem}
.friends_list ul{padding-top:.86rem}
.friends_list ul li{padding:.34rem .4rem;border-bottom:.01rem solid #e9e9e9}
.friends_list ul li .left_header{width:.78rem;height:.78rem;margin-right:.2rem}
.friends_list ul li .left_header img{width:.78rem;height:.78rem}
.friends_list ul li .title{font-size:.3rem}
.friends_list ul li .img_1{height:1.66rem;margin:.18rem 0}
.friends_list ul li .rigth_con .testing_centre .times{line-height:.3rem}
.friends_list ul li .rigth_con .testing_centre .times span{font-size:.24rem;color:#4d5e89}
.friends_list ul li .rigth_con .testing_centre .times span.act{height:.3rem;font-size:.2rem;color:#fff;background:#4d5e89;text-align:center;line-height:.3rem;padding:0 .1rem;margin-right:.05rem}
.friends_list ul li .rigth_con{width:5.7rem;/*background: pink*/}
.friends_list ul li .rigth_con .testing_centre .times span.act2{background:#8b182c}
.friends_list ul li .rigth_con h1{font-size:.3rem;line-height:.3rem;color:#4d5e89;font-weight:400;margin-bottom: 0.1rem}
.friends_list ul li .rigth_con .testing_centre .content{width:5.7rem;margin-top:.05rem}
.friends_list ul li .rigth_con .testing_centre .content span{font-size:.24rem;color:#4d5e89;width:5.2rem}
.friends_list ul li .rigth_con .testing_centre .content img{width:.36rem;height:.26rem}
.friends_list ul li .rigth_con .testing_centre .content em,.friends_list ul li .rigth_con .testing_centre .times span em{width: 0.42rem;height: 0.36rem;background: url("../img/right1.gif") no-repeat;background-size: 100% 100%;
   position: absolute;display: none}
.friends_list ul li .rigth_con .testing_centre .interaction .like{font-size:.28rem;margin-top:.26rem;line-height:.46rem;position:relative;border-bottom:.01rem solid #e9e9e9;visibility:hidden}
.friends_list ul li .rigth_con .testing_centre .interaction .like{background:#f3f3f4;padding-left:.28rem}
.friends_list ul li .rigth_con .testing_centre .interaction .like .like_icon{width:.23rem;height:.2rem;margin-top:.12rem;margin-right:.1rem}
.friends_list ul li .rigth_con .testing_centre .interaction .like .trigon{position:absolute;top:-.08rem;left:.2rem;width:.2rem;height:.08rem}
.friends_list ul li .rigth_con .trigon2{position:absolute;top:-.08rem;left:.2rem;width:.2rem;height:.08rem}
.friends_list ul li .rigth_con .testing_centre .interaction .like span{color:#4d5e89;visibility:hidden}
.friends_list ul li .rigth_con .testing_centre .interaction .like i{visibility:hidden}
.friends_list ul li .rigth_con .testing_centre .comment dl dt{font-size:.28rem;width:5.48rem;visibility:hidden}
.friends_list ul li .rigth_con .testing_centre .comment{background:#f3f3f4;padding-bottom:.05rem;visibility:hidden}
.friends_list ul li .rigth_con .testing_centre .comment dl dt{line-height:.38rem;margin-left:.2rem}
.friends_list ul li .rigth_con .testing_centre .comment dl dt span{color:#4d5e89}
.friends_list ul li .rigth_con .testing_centre .comment dl dt img{width:.28rem;height:.28rem;margin:-.04rem -.05rem 0;vertical-align:middle}
.friends_list ul li .rigth_con .testing_centre .comment dl dt img.expression4{width:.13rem;margin:-.04rem -.05rem 0;height:.26rem}
.friends_list ul li .rigth_con .testing_centre .comment dl dt img.expression5{width:.26rem;margin:-.04rem -.05rem 0;height:.26rem}
.expression_name{width:.36rem;vertical-align:middle;margin:-.04rem -.05rem 0}
.iocn_2{width:.36rem;height:.26rem;vertical-align:middle}
.canvas_box{width:100%;height:100%;background:url(../img/canvas_bd.png) no-repeat;background-size:cover;overflow:hidden;margin:0 auto}
.my_vanvas{display:block;margin:3.4rem auto 0}
/*#myCanvas{border:.01rem solid #BFBFBF}*/
.btn_clean{width:1.71rem;height:1.21rem;background:url(../img/again.png) no-repeat;background-size:100% 100%}
.btn_save{width:1.7rem;height:1.15rem;background:url(../img/complete.png) no-repeat;background-size:100% 100%}
.operate_btn{width:4.3rem;margin:0 auto}
.canvas_img{/*background: pink;*/position: fixed;top:3.67rem;right: 0.2rem;display: block;z-index: 9}
.canvas_img img{width: 1.35rem;}
.like_pop{font-size: 0.28rem;line-height: 0.4rem;height: 0.7rem;width: 3.26rem;background: #4D5154;color: #fff;position: fixed;right: 1rem;top:2.9rem;border-radius: 0.1rem;z-index: 10}
.like_pop div{  width: 49%;margin-top: 0.15rem;}
.like_btn{border-right: solid 1px #333; }
.comment_btn{ }
.like_pop .like1{width: 0.28rem;vertical-align: middle;margin:0 0.2rem 0 0.4rem}
.like_pop .mes{width: 0.28rem;vertical-align: middle;margin:0 0.2rem 0 0.2rem}
.like_pop .hand{width: 0.5rem;vertical-align: middle;position: absolute;margin-left: -0.9rem;-webkit-animation:bounceIn 1s .2s ease both infinite;
    -moz-animation:bounceIns 1s .2s ease both infinite;}
.bounceIns{-webkit-animation:bounceIns 1s 0s   infinite;
    -moz-animation:bounceIns 1s 0s   infinite;}
@-webkit-keyframes bounceIns{
    0%{
        -webkit-transform:scale(1)}
    100%{-webkit-transform:scale(1.1)}
}
@-moz-keyframes bounceIns{
    0%{
        -moz-transform:scale(1)}
    100%{-moz-transform:scale(1.1)}
}
.swings{
    -webkit-animation:swings 1s .2s ease both infinite;
    -moz-animation:swings 1s .2s ease both infinite;}
@-webkit-keyframes swings{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swings{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}



.qr img{width: 100%;height: 100%;}
.my_btn{width: 3.92rem;height: 0.61rem;margin: 0.4rem auto;display: block;}